<template>
    <div></div>
</template>

<script>
export default {
    data() {
        return{}
    },
    mounted() {
    //  操作系统
    var myChart = this.$echarts.init(document.getElementById('left_hot'))
    var pieData = [{ name: 'Window', value: 38 }, { name: 'ios', value: 0 },
    { name: 'Android', value: 0 }, { name: 'OS X', value: 0 },]
    var trendOption = {
      title: {
        text: '操作系统',
        top: 20
      },
      legend: {
        top: '5%',
        data: ['Window', 'ios', 'Android', 'OS X'],
        icon: 'circle',
        itemWidth: 15,
        itemHeight: 15,
        itemGap: 20,
        textStyle: {
          fontSize: 12
        }
      },
      tooltip: {
        show: true
      },
      series: [
        {
          type: 'pie',
          data: pieData,
          label: {
            show: false
          },
          emphasis: {
            label: {
              show: true
            },
            labelLine: {
              show: false
            }
          },
          radius: 180,
          center: ['50%', '52%']
        }
      ]
    }
    myChart.setOption(trendOption);
    }
}
</script>
<style lang="scss">
</style>
